/*初始显示*/
#basic{
  display: block;
}
#changePW{
  display: none;
}
#changeEmail{
  display: none;
}
/*******************************/


#persoanDate{
  margin-top: 50px;
}

/*左边导航栏*/
#persoanDate .left .head{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f0f0f0;
}
#persoanDate .left .head .headPortraits{
  margin-left: 40px;
  padding-right: 0px;
}
#persoanDate .left .head .title{
  text-align: center;
  padding-left: 0px;
  margin-top: 4%;
}
#persoanDate .left .body{
  border: 2px solid #999;
  padding-bottom: 520px;
}
#persoanDate .left .body .title{
  margin: 0px 20px;
  padding: 0px 20px 5px 20px;
  border-bottom:2px solid #ccc; 
}
#persoanDate .left .body ul{
  margin: 20px 0px 0px 40px;
}
#persoanDate .left .body li{
  font-size: 17px;
  margin-top: 10px;
}
#persoanDate .left .body li span{
  cursor:pointer;
}

/*右边表单*/
#persoanDate .right .head{
  height: 137px;
  border-bottom: 2px solid #ccc;
}
#persoanDate .right .head h3{
  position: absolute;
  top: 87px;
  margin: 0px;
}
#persoanDate .right .body{

  padding-top: 20px;
}
#persoanDate .right .body .form{
  font-size: 15px;
  clear: both;
}
#persoanDate .right .body .form span{
  display: block;
  float: left;
  width: 60px;
  text-align: right;
  margin-bottom: 20px;
}
#persoanDate .right .body .form input{
  margin-left: 30px;
}
#persoanDate .right .body .form select{
  margin-left: 30px;
}
#persoanDate .right .body .form textarea{
  margin-left: 30px;
  resize: none;
  margin-bottom: 30px;
}
#persoanDate .right .body .form .email{
  margin-left: 30px;
}
#persoanDate .right .body .form .changePW{
  width: 120px;
}
#persoanDate .right .body .form img{
  margin-left: 30px;
  float: left;
  margin-bottom: 20px;
}
#persoanDate .right .body .form button{
  margin-left: 30px;
  margin-bottom: 20px;
}


/*平板*/
@media (max-width: 992px) {
  #persoanDate .left .head .title h2{
    font-size: 25px;
  }
  #persoanDate .right .head{
    height: 90.33px;
  }
  #persoanDate .right .head h3{
    top: 40.33px;
  }
}

/*中式屏幕*/
@media (max-width: 1200px) and (min-width:992px){
  #persoanDate .right .head{
    height: 114.77px;
  }
  #persoanDate .right .head h3{
    top: 64.77px;
  }
}

/*小屏*/
@media (max-width: 768px) {
  #persoanDate .right .body .form input{
    margin-left: 15px;
  }
  #persoanDate .right .body .form select{
    margin-left: 15px;
    font-size: 10px;
  }
  #persoanDate .right .body .form textarea{
    margin-left: 15px;
  }
  #persoanDate .right .body .form .email{
    margin-left: 15px;
  }
  #persoanDate .right .body .form .changePW{
    width: 90px;
  }
  #persoanDate .right .body .form img{
    margin-left: 15px;
  }

}